@config "../tailwind.config.js";
@import "tailwindcss";

.custom-button-style {
  @apply !h-7 !px-3.5 !py-2 !text-4 ml-4 !rounded-6;
}
.echarts-button-style {
  @apply px-3.5 py-2 text-[14px] ml-4 rounded-[6px] bg-[#595e65] border border-[#595e65] opacity-80 text-white font-medium 
           hover:bg-[#282a2e] hover:opacity-100 active:scale-95 transition-all cursor-pointer;
}

.page-container {
  @apply pl-8 pr-8 pb-8 overflow-y-auto;
}
.item {
  @apply w-full flex mb-1 text-4;
}
.lable {
  @apply w-17 mr-5 text-[#999] text-right;
}
.page-container {
  scrollbar-width: thin;
  scrollbar-color: #b4c5e4 transparent;
}

.page-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.page-container::-webkit-scrollbar-track {
  background: transparent;
}

.page-container::-webkit-scrollbar-thumb {
  background-color: #b4c5e4;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.page-container::-webkit-scrollbar-thumb:hover {
  background-color: #236bff;
}

/* 自定义滚动条样式 */
.scrollbar-custom {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #b4c5e4 transparent;
}

.scrollbar-custom::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: #b4c5e4;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
  background-color: #236bff;
}

/* 隐藏滚动条但仍可滚动 */
.scrollbar-hidden {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.scrollbar-hidden::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
